.index {

  .home {
    min-height: 500px;
    background-color: rgb(249, 249, 249);

    .margins {
      margin: 0 auto;
      max-width: 1500px;
      padding: 80px 60px 0 60px;

      .left {
        float: left;
        width: 50%;

        .title {
          font-size: 40px;
          text-shadow: 2px 3px 6px rgb(200, 200, 200);
        }

        .content {
          padding-top: 40px;
          font-size: 19px;
          line-height: 40px;
          // text-shadow: 1px 1px 6px rgb(200, 200, 200);
        }
      }

      .right {
        width: 50%;
        float: left;
        text-align: center;
        padding: 50px 0 0 50px;

        img {
          width: 500px;
          border-radius: 10px;
        }
      }
    }
  }

  .wenhua {
    min-height: 420px;
    background-color: rgb(253, 253, 253);

    .margins {
      margin: 0 auto;
      max-width: 1500px;
      padding: 30px 80px 0 80px;

      .title {
        font-size: 20px;
        text-align: center;
      }

      .title2 {
        text-align: center;
        padding-bottom: 30px;
        font-size: 13px;
        color: rgb(150, 150, 150);
      }

      .content {
        .card {
          border-radius: 15px;

          .header {
            text-align: center;
            margin: -15px;
            font-size: 20px;
            font-family: 楷体, serif;
          }

          img {
            width: 100%;
            cursor: pointer;
            border-radius: 10px;
          }

          .more {
            text-align: center;
            margin: 5px 0 -10px 0;

            span {
              cursor: pointer;
            }

            span:hover {
              text-decoration: underline; // 下划线
            }
          }
        }

        .card:hover {
          // border-radius: 5px;
          border: 1px rgb(216, 186, 125) solid;
        }

      }
    }
  }

  .gongju {
    min-height: 1130px;
    background-color: rgb(249, 249, 249);

    .margins {
      margin: 0 auto;
      max-width: 1500px;
      padding: 30px 80px 0 80px;

      .title {
        font-size: 20px;
        text-align: center;
      }

      .title2 {
        text-align: center;
        padding-bottom: 30px;
        font-size: 13px;
        color: rgb(150, 150, 150);
      }

      .content {
        .paipan {
          .left {
            float: left;
            width: 50%;

            .title {
              font-size: 17px;

              .beta {
                color: rgb(255, 63, 63);
                font-size: 14px;
                border-radius: 10px;
                padding: 2px;
                background-color: rgb(254, 228, 247);
              }

              .jingjian {
                color: rgb(255, 255, 255);
                font-size: 14px;
                border-radius: 10px;
                padding: 2px;
                vertical-align: 1px;
                background-color: rgb(28, 154, 0);
              }
            }

            .introduce {
              font-size: 15px;
              margin-top: 30px;
              line-height: 30px;

              .xq {
                cursor: pointer;
                margin-left: 10px;
                color: rgb(53, 151, 255);
              }

              .xq:hover {
                text-decoration: underline;
              }
            }

            .use-button {
              margin: 0 auto;
              text-align: center;
              padding-top: 40px;

              button {
                cursor: pointer;
                width: 110px;
                height: 40px;
                background-color: rgba(255, 255, 255, 0);
                border: rgb(150, 150, 150) 1px solid;
                border-radius: 30px 5px 30px 5px;
                transition: .3s;
              }

              button:hover {
                background-color: rgb(50, 50, 50);
                color: rgb(249, 249, 249);
                box-shadow: 0 0 10px 0 rgb(190, 190, 190);
                transition: .3s;
              }
            }
          }

          .right {
            float: left;
            width: 50%;
            text-align: center;

            img {
              width: 400px;
              border-radius: 10px;
              transition: .3s;
            }

            img:hover {
              transition: .3s;
              box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
            }
          }
        }
      }
    }
  }

  .gaikuang {
    min-height: 460px;
    background-color: rgb(253, 253, 253);

    .margins {
      margin: 0 auto;
      max-width: 1500px;
      padding: 30px 80px 0 80px;

      .title {
        font-size: 20px;
        text-align: center;
      }

      .title2 {
        text-align: center;
        padding-bottom: 30px;
        font-size: 13px;
        color: rgb(150, 150, 150);
      }

      .echarts {
        width: 350px;
        height: 350px;
        margin: 0 auto;
        text-align: center;
      }
    }
  }

}